<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>Netty</title>
    <script src="jquery.min.js" type="text/javascript"></script>
    <!--<script src="map.js" type="text/javascript"></script>-->
    <script src="common.js" type="text/javascript"></script>
    <script src="main.js" type="text/javascript"></script>
</head>

<body onload="onHtmlLoad()">
<!--<h1>Netty WebSocket - 4001 聊天实例</h1>-->
IP:
<input type="text" id="ip" value="ws://localhost:4001/"/>
<input type="text" id="name" value="佚名" placeholder="姓名"/>

<input type="button" id="changeName" value="换名字" onclick="changeUserName()"/>

<input type="button" id="connServer" value="上线" onclick="connServerClick()"/>
<input type="button" id="downLineBtn" value="下线" onclick="disConnServerClick()"/>
<input type="button" id="loginCmd" value="登录指令" onclick="loginCmdClick()"/>
<input type="button" id="sendBtn" value="发送数据" onclick="sendDataClick()"/>
<br/>

<input type="text" id="lottoryName" value=""/>
<input type="button" id="addLottoryUser" value="添加抽奖用户" onclick="addUserToLottory()"/>
<input type="button" id="addMineToLottory" value="添加自己" onclick="addMineToLottory()"/>
<br/>
<input type="button" id="removeMineLottory" value="移除自己" onclick="removeMineFromLottory()"/>
<input type="button" id="getAllLottory" value="抽奖列表" onclick="lottoryList()"/>


<input type="button" id="startLottory" value="开始抽奖" onclick="startLottory()"/>
<input type="button" id="stopLottory" value="结束抽奖" onclick="stopLottory()"/>
<h4 id="locklyUser">AAA</h4>
<br/>
<h3 id="progring"></h3>
<hr/>
<canvas id="myCanvas" width="400px" height="100" style="background-color: #1abc9c"></canvas>

<table id="banana" border="1">
    <tr>
        <td width="300" align="center">看戏</td>
        <td width="400" align="center">参加</td>
    </tr>
    <tr height="500" valign="top">


        <td>
            <table id="showOnlineNames" border="0">
                <!--
        <tr>
          <td>1</td>
          <td>张三</td>
        <tr/>
        <tr>
          <td>2</td>
          <td>李四</td>
        <tr/>
        -->
            </table>
        </td>

        <td>
            <table id="showLottory" border="0">
                <!--
        <tr>
          <td>张三: 大家好</td>
        </tr>
        <tr>
          <td>李四: 欢迎加入群聊</td>
        </tr>
        -->
            </table>
        </td>

    </tr>
</table>


</body>

</html>